 <%@ page language="java" pageEncoding="UTF-8"
	errorPage="/ui/defaultException.jsp"%>
<%@include file="/ui/tags.jsp"%>

                    <div id="destiantionNav">
                        <ul class="regions">
                            <c:forEach var="continent" items="${coninentTree }">
							<li><a class="region off" title="${continent.continentName
										}"><span>${continent.continentName
										}</span><em></em>
							</a> <c:forEach var="country" items="${continent.countrys }">
									<ul class="countries" style="display: block;">
										<li><a class="country off" title="${country.countryName
													}"><span>${country.countryName
													}</span><em></em>
										</a>

											<ul class="cities" style="display: none;">
												<c:forEach var="dest" items="${country.dests}">
													<li><a class="city" title="${dest.name}"
														href="${cpath}/destination/${dest.destId}"><span>${dest.name}</span>
													</a></li>

												</c:forEach>
											</ul></li>
									</ul>
								</c:forEach>
								</li>
						</c:forEach>
                        </ul>
                    </div>
                    <div class="destiantionInfo">
                       <div class="destiantionInfo-title">目的地信息</div>
                        <div class="dest-list">
                            <div class="dest-item">
                                <div class="dest-item-name">国家</div>
                                <div class="dest-item-info">${destPath.countryName}</div>
                            </div>
                            <div class="dest-item">
                                <div class="dest-item-name">海拔</div>
                                <div class="dest-item-info">
                                    ${dest.altitude }
                                </div>
                            </div>
                            <div class="dest-item">
                                <div class="dest-item-name">
                                    人口
                                </div>
                                <div class="dest-item-info">
                                   ${dest.peopleNum }
                                </div>
                            </div>
                            <div class="dest-item">
                                <div class="dest-item-name">
                                    语言
                                </div>
                                <div class="dest-item-info">
                                    ${dest.lang }
                                </div>
                            </div>
                            <div class="dest-item">
                                <div class="dest-item-name phone">
                                    &nbsp;
                                </div>
                                <div class="dest-item-info">
                                    ${dest.tel }
                                </div>
                            </div>
                            <div class="dest-item last">
                                <div class="dest-item-name currency">
                                    &nbsp;
                                </div>
                                <div class="dest-item-info">
                                   ${dest.currency }
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    
                    <div class="trafficinfo">
                        <div class="trafficinfo-title">
                        	<span class="u1">交通</span><span class="u2"><a href="${cpath}/destination/${dest.destId}/traffic">查看详细>></a></span>
                        </div>
                        <div class="trafficinfo-list">
                        	<a href="${cpath}/destination/${dest.destId}/traffic" title="${dest.name}的交通信息">
                            <c:if test="${!empty dest.aviation }">
                            <div class="trafficinfo-item">
                                <div class="trafficinfo-item-name  ariport">
                                </div>
                                <div class="trafficinfo-item-info">
                                    ${dest.aviation }
                                </div>
                            </div>
                            </c:if>
                           <c:if test="${!empty dest.railroad }">
                            <div class="trafficinfo-item">
                                <div class="trafficinfo-item-name train">
                                    &nbsp;
                                </div>
                                <div class="trafficinfo-item-info">
                                     ${dest.railroad }
                                </div>
                            </div>
                            </c:if>
                            <c:if test="${!empty dest.highway }">
                            <div class="trafficinfo-item">
                                <div class="trafficinfo-item-name highway">
                                    &nbsp;
                                </div>
                                <div class="trafficinfo-item-info">
                                     ${dest.highway }
                                </div>
                            </div>
                            </c:if>
                            
                            <c:if test="${!empty dest.waterTransport }">
                            <div class="trafficinfo-item">
                                <div class="trafficinfo-item-name watertransport">
                                    &nbsp;
                                </div>
                                <div class="trafficinfo-item-info">
                                     ${dest.waterTransport }
                                </div>
                            </div>
                            </c:if>
                            
                            <c:if test="${!empty dest.localTransport }">
                            <div class="trafficinfo-item">
                                <div class="trafficinfo-item-name taxi">
                                </div>
                                <div class="trafficinfo-item-info">
   									 ${dest.localTransport }
                                </div>
                            </div>
                            </c:if>
                            
                            
                            <div class="clear paddingbottom10">
                            </div>
                            </a>
                        </div>
                    </div>
                     <c:choose>
                        	<c:when test="${fn:length(activities) > 2}">
                        		<c:set var="activityLength" value="2" scope="page"></c:set>
                        	</c:when>
                        	<c:otherwise>
                        	<c:set var="activityLength" value="${fn:length(activities)}" scope="page"></c:set>
                        	</c:otherwise>
                        </c:choose>
                        <c:if test="${activityLength > 0 }">
                    <div class="upcominginfo">
                        <div class="upcominginfo-title">
                            <span class="u1">即将到来</span><span class="u2"><a href="${cpath }/views/dest/destination.do?action=viewDestActivity&destId=${dest.destId }">更多>></a></span>
                        </div>
                        <div class="upcominginfo-list">
                       
                        
                        <c:forEach begin="0" end="${activityLength -1}" varStatus="status">
                            <div class="upcominginfo-item">
                                <div class="upcominginfo-item-name">
                                    ${activities[status.index].activityTitle}
                                </div>
                                <div class="upcominginfo-item-date">
                                <fmt:formatDate value="${activities[status.index].activityStart}" pattern="yyyy-MM-dd"/>
                                </div>
                                <div class="upcominginfo-item-address">
                                	${activities[status.index].activityAddress}
                                </div>
                            </div>
                            </c:forEach>
                            <div class="clear padding10">
                            </div>
                        </div>
                    </div>
                    </c:if>
                    <script type="text/javascript">
                    	var currentNavItem = {
                			region : "${destPath.continentName}",
                			country : "${destPath.countryName}",
                			city : "${destPath.destName}"
                		};
       				 </script>
